Barra de Progresso - Mobile
No projeto em estudo, a ênfase recai sobre a criação de um componente primário para input de texto. A abordagem inicia-se com a análise das necessidades já atendidas na página de templates, destacando a importância de incluir o componente de input de texto para completar a interface. A discussão se estende à consideração das variáveis e possíveis interações do componente, como a adição de mensagens informativas e ícones, explorando cenários como a representação de senhas com asteriscos. O desenvolvimento do componente base envolve a criação de um retângulo com bordas arredondadas e a adição de placeholders, texto e ícones, com atenção especial à harmonização visual com outros elementos da interface, culminando na aplicação de auto layout para finalizar o projeto.
Gif da animação da barra de progresso, botão e toggle.
Button, toggle icon.
Uso de variantes locais para mudanças rápidas de layout.
Aplicação de "Swap instance". para mudança rápida de layouts pelos componentes locais publicados.
